// 定义项目的所有颜色
// 所有的样式文件都在nuxt.config.js导入了
// Font Family
$myFont:Lato,
"Josefin Sans",
"PingFang SC",
sans-serif; // 项目全局字体
$codeFont:Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco, Consolas, monospace; // 代码专属字体
$markFont: Dosis, "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;// 引用处叹号的专属字体

//网站功能颜色
$selectColor:#eb5055;

//
$myPrimary:#313131; //主题色
$myPrimaryBg:#f3f3f3; // 主题背景色
$myLinkHover:#ec5454; // a链接hover，active，focus的颜色
$siteSaying:#5f5f5f; // 网站公告 用的地方还挺多 Footer下的a链接 以及移动端详情图mate数据的颜色
$NavBarBgColor:hsla(0, 0%, 93.3%, .95); // 导航栏二级菜单背景颜色
// 特殊处的样式
// header
$headerLinkHoverBg:rgba(255, 237, 237, .3294117647);
// nav
$navbar-hover:#ffeded54;
// footer
$icon-hover:#fd6464;
// icon
$icon-top:rgba(232, 98, 86, 0.8);
// 标题
$myParagraph:#ea5055;
$blockquote:#70a6ff;
// other
$success:#07c160; // 提示成功
$danger:#ee0a24; // 严重告警
$warning:#ffba00; // 一般告警
$info:#00a1d6; // 信息提示
$active:#464646; // 激活 聚焦

$nav:#fbfbfb; // 导航
$page:#f7f7f7; // 页面
//https://sass-lang.com/documentation/
// Red, orange, yellow, green, indigo, blue, purple
$colors:(
  'red':rgba(255, 78, 106, .8),
  'orange':#ffaa73,
  'yellow':#fed466,
  'green':#3cdc82,
  'indigo':#64dcf0,
  'blue':#64b9ff,
  'purple':#b4b4ff,
);
// 移动端主题色
// ElementUI 主题
// Brand Color
$color-primary:#409EFF; // 主题颜色
// Functional Color
$color-success:#67C23A; // 成功颜色
// Font Color
$color-text-primary:#303133; // 主要文字颜色
$color-text-regular:#606266; // 常规文字颜色
$color-text-secondary:#909399; // 次要文字颜色
$color-text-placeholder:#C0C4CC; // 站位文字颜色
// Border Color
$border-color-base :#DCDFE6; // 一级边框
$border-color-light :#E4E7ED; // 二级边框
$border-color-lighter :#EBEEF5; // 三级边框
$border-color-extra-light :#EBEEF5; // 四级边框
//Background Color
$color-white:#FFFFFF; // 白色
$color-black:#000000; // 黑色
$background-color-base:#F5F7FA; // 基础背景色
$bg-comment-gray:#f7f7f7;
@each $name, $glyph in $colors {
  .bg-#{$name} {
    background-color: $glyph !important; // 字型
  }
}

// article 页面

$link-hover:#4c94dd; // a链接hover时的颜色
$line-space:20px; 
// 页面行间距 20px 包括的标签 h,p,blockquote,pre,ul,ol,address,article,aside,dd,div,dl,fieldset,
// figcaption,<figure>,footer,form,header,hgroup,hr,section,table,
// about 页面
$qq:#ff8888;
$email:#a0cfcf;
$telegram:#80cddc;

// scss中混入可以用来抽取公共部分的样式